<template>
  <swiper ref="mySwiper" :options="swiperOptions">
    <swiper-slide>
      <img src="/img/map1.png" alt />
    </swiper-slide>
    <swiper-slide>
      <img src="/img/map2.png" alt />
    </swiper-slide>
    <swiper-slide>
      <img src="/img/map3.png" alt />
    </swiper-slide>
    <div class="swiper-pagination" slot="pagination"></div>
  </swiper>
</template>

<script>
/* eslint-disable */ // 忽略该行往下 eslint的错误
export default {
  data() {
    return {
      swiperOptions: {
        loop: true, // 循环模式选项
        autoplay: {
          delay: 2000
        },
        
        // 如果需要分页器
        pagination: {
          el: ".swiper-pagination"
        }
      }
    };
  },
};
</script>

<style scoped>
.swiper-container {
  width: 100vw;
  height: 200px;
}
.swiper-container img {
  height: 100%;
  width: 100%;
}
</style>